<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>相对定位和绝对定位</title>
  <link rel="stylesheet" href="../css/index.css">
  <style>
      /*top bottom left right*/
     .move-right{
        position: relative;
        left: 30px;
         top: -40px;
     }

     .container{
           position: relative;
           border: 1px solid;
     }

  </style>
</head>
<body>

    <div class="box success">1</div>
    <div class="box danger move-right">2</div>
    <div class="box info">3</div>




</body>
</html>